<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<ul id="list">
			<!--
				如果这样输出，页面就写死了
				
			-->
			<!--<li>周钟捷：我结婚的时候，你一定要来哦!!</li>
			<li>王映漾：为什么呀!!!</li>
			<li>周钟捷：因为，结婚当天新娘不来，很尴尬的</li>-->
		</ul>
	</body>
	<script type="text/javascript">
		// 在真实开发的时候，后台服务器的所有数据都是换成到数据库里面， 都是从后台服务器返回json数据，到前端
		var arr = ['王映漾：为什么你总是生病啊！！', '周钟捷：因为我每次一看到你，就没有了抵抗力'];
		var oList = document.getElementById("list");
		// 循环的快捷键是fori
		for(var i = 0; i < arr.length; i++) {
			oList.innerHTML += arr[i]

		}
	</script>

</html>